<!DOCTYPE html>
<html>
<head>
    <title>黑名单功能测试</title>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
</head>
<body>
    <h1>黑名单功能测试</h1>
    <button id="testAddToBlacklist">测试添加到黑名单</button>
    <div id="result"></div>

    <script>
        $(document).ready(function() {
            $('#testAddToBlacklist').click(function() {
                // 先获取用户列表，选择第一个用户进行测试
                $.ajax({
                    url: '/user/list',
                    method: 'GET',
                    data: {
                        page: 1,
                        limit: 10
                    },
                    success: function(res) {
                        if (res.code === 200 && res.data.records.length > 0) {
                            var user = res.data.records[0];
                            console.log('选择用户:', user);
                            
                            // 测试添加到黑名单功能
                            $.ajax({
                                url: '/blacklist/add',
                                method: 'POST',
                                contentType: 'application/json',
                                data: JSON.stringify({
                                    userId: user.id,
                                    reason: '测试拉黑原因',
                                    operator: '测试管理员'
                                }),
                                success: function(addRes) {
                                    $('#result').html('<p>添加到黑名单结果: ' + JSON.stringify(addRes) + '</p>');
                                    
                                    // 验证是否成功添加到黑名单
                                    if (addRes.code === 200) {
                                        $('#result').append('<p style="color: green;">成功添加到黑名单!</p>');
                                        
                                        // 验证黑名单列表中是否包含该用户
                                        setTimeout(function() {
                                            $.ajax({
                                                url: '/blacklist/list',
                                                method: 'GET',
                                                data: {
                                                    page: 1,
                                                    limit: 10
                                                },
                                                success: function(listRes) {
                                                    if (listRes.code === 200) {
                                                        var found = false;
                                                        for (var i = 0; i < listRes.data.records.length; i++) {
                                                            if (listRes.data.records[i].userId === user.id) {
                                                                found = true;
                                                                break;
                                                            }
                                                        }
                                                        
                                                        if (found) {
                                                            $('#result').append('<p style="color: green;">验证成功：用户确实在黑名单列表中</p>');
                                                        } else {
                                                            $('#result').append('<p style="color: red;">验证失败：用户不在黑名单列表中</p>');
                                                        }
                                                    } else {
                                                        $('#result').append('<p style="color: red;">获取黑名单列表失败</p>');
                                                    }
                                                },
                                                error: function() {
                                                    $('#result').append('<p style="color: red;">获取黑名单列表请求失败</p>');
                                                }
                                            });
                                        }, 1000);
                                    } else {
                                        $('#result').append('<p style="color: red;">添加到黑名单失败!</p>');
                                    }
                                },
                                error: function(xhr, status, error) {
                                    $('#result').html('<p style="color: red;">添加到黑名单请求失败: ' + error + '</p>');
                                    $('#result').append('<p>响应内容: ' + xhr.responseText + '</p>');
                                }
                            });
                        } else {
                            $('#result').html('<p style="color: red;">获取用户列表失败或用户列表为空</p>');
                        }
                    },
                    error: function() {
                        $('#result').html('<p style="color: red;">获取用户列表请求失败</p>');
                    }
                });
            });
        });
    </script>
</body>
</html>